<template>
  <div class="header">
    <div class="progress-name">
      <i class="iconfont iconlogo"></i>学科网运营管理系统
    </div>
    <div class="quick-menu">
      <a href="" class="search"><i class="iconfont iconsearch"></i></a>
      <a href="" class="message on"><i class="iconfont iconnothing"></i></a>
      <a href="" class="avatar"><img src="images/banner1.png" alt=""></a>
    </div>
  </div>
</template>
<style lang="scss" scoped>
  .header{
    width: 100%;
    height:98px;
    padding:0 40px;
    background: #fff;
    .progress-name{
      height:100%;
      line-height: 98px;
      float:left;
      font-size: 26px;
      color: #183B56;
      .iconfont{
        margin-right: 16px;
        display: inline-block;
        vertical-align: top;
        font-size:40px;
        height:98px;
        line-height: 98px;
        color:rgba(84,104,255,1);
      }
    }
    .quick-menu{
      height:100%;
      float:right;
    }
    .search{
      height:100%;
      line-height: 98px;
      float:left;
      .iconfont{
        font-size:20px;
        color:rgba(24,59,86,1);
      }
    }
    .message{
      position: relative;
      margin-left:30px;
      float:left;
      height:100%;
      line-height: 98px;
      .iconfont{
        position: relative;
        font-size: 20px;
        color:rgba(24,59,86,1);
      }
      &.on{
        .iconfont:after{
          position: absolute;
          width:8px;
          height:8px;
          top:0;
          right:0;
          border-radius:100%;
          content:'';
          background: #FE4509;
        }
      }
    }
    .avatar{
      margin-left:30px;
      margin-top:26px;
      float:left;
      width:46px;
      height:46px;
      img{
        width:100%;
        height:100%;
        border-radius:100%;
      }
    }
  }
  .advTicker, .advVideobox, .advWrappers, .adv_1, .adv_120, 
  .adv_120_600, .adv_120x240, .adv_120x600, .adv_160_600, .adv_160x600, 
  .adv_2, .adv_250, .adv_250_250, .adv_300_300, .adv_300_top, .adv_300x250,
   .adv_336_280, .adv_468_60, .adv_630, .adv_728_90, .adv_728x90, .adv_90, .adv_PageTop,
    .adv__box, .adv__container--300x250, .adv__container--728x90, .adv__text, .adv_aff, 
    .adv_amazon_single, .adv_banner, .adv_banner_hor, .adv_blocker, .adv_box, .adv_box_narrow, .adv_cnt, .adv_code, .adv_default_box_container, .adv_display, .adv_flash, .adv_floater_left, .adv_floater_right, .adv_headerleft, .adv_headerright, .adv_hed, .adv_here, .adv_in_body_a, .adv_info_text, .adv_jump, .adv_leaderboard, .adv_link, .adv_main_middle, .adv_main_middle_wrapper, .adv_main_right_down, .adv_main_right_down_wrapper, .adv_medium_rectangle, .adv_message, .adv_page_blocker_overlay, .adv_panel, .adv_pointer_home, .adv_pointer_section, .adv_right, .adv_sd_dx, .adv_side1, .adv_side2, .adv_sidebar, .adv_sidebar_300x250, .adv_standard_d, .adv_td, .adv_title, .adv_top, .adv_tr, .adv_under_menu, .adv_underpost, .adv_x_1, .adv_x_2, .advads-5, .advads-sticky, .advallyAdhesionUnit, .advart, .advbanner_300x250, .advbanner_300x600, .advbanner_970x90, .advbig, .advbptxt, .adver, .adver-block, .adver-left, .adver-text, .adverTag, .adverTxt, .adver_bot, .adver_cont_below, .adver_home, .adveratising, .adverdown, .adverhrz, .adverserve145, .adverstisement_right, .advert--background, .advert--banner-wrap, .advert--fallback, .advert--header, .advert--inline, .advert--leaderboard, .advert--mpu, .advert--mpu--rhs, .advert--placeholder, .advert--transition, .advert--vc, .advert--vc__wrapper, .advert-100, .advert-120x90, .advert-160x600, .advert-300, .advert-300-side, .advert-300x100-side, .advert-300x250-container, .advert-728, .advert-728-90, .advert-728x90, .advert-760, .advert-arch-top, .advert-article-bottom, .advert-autosize, .advert-banner, .advert-banner-holder, .advert-bannerad, .advert-bg-250, .advert-bloggrey, .advert-body-not-home, .advert-border, .advert-bot-box, .advert-bottom, .advert-bronze, .advert-bronze-btm, .advert-btm, .advert-center, .advert-center_468x60, .advert-col, .advert-col-center, .advert-competitions, .advert-content-item, .advert-detail, .advert-dfp, .advert-double-mpu, .advert-featured, .advert-footer, .advert-full-home-sec, .advert-full-raw, .advert-gold, .advert-group, .advert-head, .advert-header-728, .advert-home-380x120, .advert-iab-300-250, .advert-iab-468-60, .advert-image, .advert-info, .advert-label, .advert-leaderboard-top, .advert-leaderboard2, .advert-loader, .advert-lower-right, .advert-mini, .advert-mrec, .advert-note, .advert-overlay, .advert-pane, .advert-placeholder, .advert-right, .advert-section, .advert-sidebar, .advert-silver, .advert-sky, .advert-skyscraper, .advert-spot-container, .advert-stub, .advert-three, .advert-tile, .advert-title, .advert-top, .advert-top-footer, .advert-txt, .advert-under-hedaer, .advert-unit, .advert-wide, .advert-wingbanner-left, .advert-wingbanner-right, .advert-words, .advert-wrap, .advert-wrap1, .advert-wrap2, .advert-wrapper_rectangle_aside, .advert120, .advert1Banner, .advert300, .advert300-home, .advert300x100, .advert300x250, .advert300x300, .advert300x440, .advert300x600, .advert350ih, .advert4, .advert5, .advert728_90, .advert728x90, .advert8, .advertAreaFrame, .advertBanner, .advertBar, .advertBlock, .advertBottom, .advertBox, .advertCaption, .advertContent, .advertDownload, .advertFullBanner, .advertGenerator, .advertHeadline, .advertIframe, .advertIslandWrapper, .advertLink1, .advertMiddle, .advertMpu, .advertRight, .advertSideBar, .advertSign, .advertSlot, .advertSuperBanner, .advertTh, .advertThInnBg, .advertTitleSky, .advertWrapper, .advert_300x250, .advert_336, .advert_468x60, .advert__container, .advert__fullbanner, .advert__leaderboard, .advert__mpu, .advert__tagline, .advert_back_160x600, .advert_back_300x250, .advert_back_300xXXX, .advert_banner, .advert_banners, .advert_block, .advert_box, .advert_caption, .advert_cont, .advert_div, .advert_djad, .advert_google_content, .advert_google_title, .advert_header, .advert_home_300, .advert_img, .advert_in_post, .advert_label, .advert_leaderboard, .advert_line, .advert_main, .advert_main_bottom, .advert_mpu, .advert_mpu_body_hdr, .advert_nav, .advert_note, .advert_rectangle_aside, .advert_small, .advert_societe_general, .advert_source, .advert_span, .advert_surr, .advert_text, .advert_txt, .advert_wrapper, .advertasingtxt, .advertbar, .adverteaser, .advertembed, .advertheader-red, .adverthome, .advertis-left, .advertis-right, .advertise-box, .advertise-here, .advertise-homestrip, .advertise-horz, .advertise-info, .advertise-inquiry, .advertise-leaderboard, .advertise-link, .advertise-link-post-bottom, .advertise-list, 
    .advertise-small, .advertise-square, .advertise-top,
     .advertise-vert, .advertiseBlack, .advertiseContainer, .advertiseHere, .advertiseLabel234x60, .advertiseLabel300x250, .advertiseText, .advertise_ads, .advertise_box, .advertise_box1, .advertise_box4, .advertise_carousel, .advertise_here, .advertise_link, .advertise_link_sidebar, .advertise_links, .advertise_sec, .advertise_txt, .advertise_verRight, .advertisebtn, .advertisedBy, .advertisement--appnexus, .advertisement-160-600, .advertisement-2, .advertisement-234-60, .advertisement-250, .advertisement-300, .advertisement-300-250, .advertisement-300x250, .advertisement-300x600, .advertisement-728-90, .advertisement-728x90, .advertisement-750-60, .advertisement-BottomRight, .advertisement-after, .advertisement-background, .advertisement-banner, .advertisement-before, .advertisement-bkg, .advertisement-bottom, .advertisement-box, .advertisement-caption, .advertisement-card, .advertisement-cell, .advertisement-comment, .advertisement-container, .advertisement-content, .advertisement-copy, .advertisement-custom-content, .advertisement-custom-post, .advertisement-dashed, .advertisement-header, .advertisement-information-link, .advertisement-label, .advertisement-label-up-white, .advertisement-layout, .advertisement-leader-board, .advertisement-leader-board-second, .advertisement-leaderboard, .advertisement-nav, .advertisement-other, .advertisement-placeholder, .advertisement-position1, .advertisement-right, .advertisement-right-rail, .advertisement-sidebar, .advertisement-space, .advertisement-sponsor, .advertisement-swimlane, .advertisement-tag, .advertisement-title, .advertisement-txt, .advertisement-wrapper, .advertisement1, .advertisement300x250, .advertisement468, .advertisementBackground, .advertisementBannerVertical, .advertisementBar, .advertisementBlock, .advertisementBox, .advertisementCenterer, .advertisementColumnGroup, .advertisementContainer, .advertisementFull, .advertisementGif, .advertisementHeader, .advertisementImg, .advertisementLabel, .advertisementLabelFooter, .advertisementOutsider, .advertisementPanel, .advertisementReloadable, .advertisementRotate, .advertisementSection, .advertisementSmall, .advertisementText, .advertisementTop, .advertisement_160x600, .advertisement_300x250, .advertisement_728x90, .advertisement__728x90, .advertisement__label, .advertisement__title, .advertisement_article_center_bottom_computer, .advertisement_article_center_middle1_computer, .advertisement_article_center_middle4_computer, .advertisement_article_center_middle6_computer, .advertisement_article_center_top_computer, .advertisement_article_right_middle2_computer, .advertisement_article_right_top_computer, .advertisement_below_news_article, .advertisement_block_234_60, .advertisement_block_468_60, .advertisement_btm, .advertisement_caption, .advertisement_container, .advertisement_flag, .advertisement_flag_sky, .advertisement_g, .advertisement_header, .advertisement_horizontal, .advertisement_main_center_bottom_computer, .advertisement_main_right_middle2_computer, .advertisement_main_right_top_computer, .advertisement_post, .advertisement_river, .advertisement_section_top, .advertisement_sky, .advertisement_top, .advertisement_watchFooter, .advertisementonblue, .advertisementonwhite, .advertisements-link, .advertisements-right, .advertisements-sidebar, .advertisementsOutterDiv, .advertisements_contain, .advertisementsubtitle, .advertiser-links, .advertisesingle, .advertisespace_div, .advertising--desktop, .advertising--mobile, .advertising--row, .advertising--tablet, .advertising--top, .advertising-aside-top, .advertising-banner, .advertising-box-top-teaser, .advertising-fixed, .advertising-header, .advertising-iframe, .advertising-inner, .advertising-leaderboard, .advertising-local-links, .advertising-lrec, .advertising-mention, .advertising-notice, .advertising-srec, .advertising-top, .advertising-top-banner, .advertising-top-box, .advertising-top-category, .advertising160, .advertising2, .advertising300_home, .advertising300x250, .advertising728, .advertising728_3, .advertisingBanner, .advertisingBlock, .advertisingBlocks, .advertisingFooterXL, .advertisingLabel, .advertisingLegend, .advertisingLrec, .advertisingMob, .advertisingRight, .advertisingSlide, .advertisingTable, .advertisingTop, .advertising_300x250, .advertising_bottom_box, .advertising_box_bg, .advertising_hibu_lef, .advertising_hibu_mid, .advertising_hibu_rig, .advertising_images, .advertising_widget, .advertisingarea, .advertisingarea-homepage, .advertisingimage, .advertisingimage-extended, .advertisingimageextended, .advertisingimageextended-link, .advertisment-banner, .advertisment-label, .advertisment-left-panal, .advertisment-module, .advertisment-rth, .advertisment-small-container, .advertisment-top, .advertismentBox, .advertismentContainer, .advertismentContent, .advertismentText, .advertisment_300x250, .advertisment_bar, .advertisment_caption, .advertisment_full, .advertisment_two, .advertize, .advertize_here, .advertlabel, .advertleft, .advertnotice, .advertorial-2, .advertorial-block, .advertorial-promo-box, .advertorial-wrapper, .advertorial2, .advertorial_728x90, .advertorial_red, .advertorialitem, .advertorialtitle, .advertorialview, .advertorialwidget, .advertplay, .adverts-125, .adverts-inline, .adverts2, .advertsLeaderboard, .adverts_RHS, .advertspace, .adverttop, .advfrm, .advg468, .advhere, .advimg160600, .advimg300250, .advn_zone, .advoice, .advr, .advr-wrapper, .advr_top, .advr_txtcss, .advrectangle, .advrst, .advskin, .advslideshow, .advspot, .advt, .advt-banner-3, .advt-block, .advt-box, .advt-sec, .advt-text, .advt300, .advt720, .advtBlock, .advtMsg, .advt_160x600, .advt_468by60px, .advt_indieclick, .advt_single, .advt_title, .advt_widget, .advtext, .advtimg, .advtitle, .advtop, .advtop-leaderbord, .advttopleft, .advv_box, .advword, .adwert, .adwhitespace, .adwide, .adwidget, .adwithspace, .adwolf-holder, .adword-box, .adword-structure, .adword-text, .adword-title, .adword1, .adwordListings, .adwords-container, .adwordsHeader, .adwords_in_content, .adwrap, .adwrapper-lrec, .adwrapper1, .adwrapper948, .adx-300x250-container, .adx-300x600-container, .adx-wrapper, .adx-wrapper-middle, .adxli, .adz-horiz, .adz-horiz-ext, .adz2, .adz728x90, .adzbanner, .adzone, .adzone-footer, .adzone-preview, .adzone-sidebar, .adzone_ad_5, .adzone_ad_6, .adzone_ad_7, .adzone_ad_8, .adzone_ad_9, .af-block-ad-wrapper, .afc-box, .aff-big-unit, .aff-iframe, .afffix-custom-ad, .affiliate-ad, .affiliate-footer, .affiliate-link, .affiliate-mrec-iframe, .affiliate-sidebar, .affiliate-strip, .affiliate-unit__link, .affiliate-unit__wrapper, .affiliateAdvertText, .affiliate_ad, .affiliate_header_ads, .affiliate_header_ads_container, .affiliates-sidebar, .affiliation728x90, .affinityAdHeader, .afns-ad-sponsor-logo, .afsAdvertising, .afsAdvertisingBottom, .aft-top-728x90, .aftContentAdLeft, .aftContentAdRight, .after-content-ad, .after-first-post-ad-1, .after-post-ads, .after-story-ad-wrapper, .after_ad, .after_comments_ads, .after_post_ad, .afterpostadbox, .agi-adsaleslinks, .agi-adtop, .aisle-ad, .aisoad, .ajax_ad, .ajaxads, .ajdg_bnnrwidgets, .ajdg_grpwidgets, .al-wss-ad, .alb-content-ad, .alignads, .allow-ads, .allpages_ad_bottom, .allpages_ad_top, .alt-ad-box, .alt_ad, .alt_ad_block, .alternatives_ad, .am-adContainer, .am-articleItem--bodyAds, .am-bazaar-ad, .amAdvert, .am_ads, .amazon_ad, .amsSparkleAdWrapper, .anc_ads_show, .anchor-ad-wrapper, .anchorAd, .anchoringTopAdDefault, .annonce_textads, .annons_themeBlock, .annonstext, .another_text_ad, .answer_ad_content, .aol-knot-fullscreen-right-ad, .aol-twist-flyout-ad, .aolSponsoredLinks, .aopsadvert, .ap_str_ad, .apiAdMarkerAbove, .apiAds, .apiButtonAd, .app-advertisements, .app_ad_unit, .app_advertising_skyscraper, .apxContentAd, .arcAdsBox, .arcAdsContainer, .archive-ad, .archive-ads, .area1_2_ad1, .area5_ad, .areaAd, .area_ad, .area_ad03, .area_ad07, .area_ad09, .aroundAdUnit, .artAd, .artAdInner, .art_ad_aside, .art_ad_top, .art_ads, .art_aisde_ads, .art_new_ads_468_60, .artcl_promo_ad, .article--ad, .article--adv__before, .article--content-ad, .article-ad, .article-ad-300x250, .article-ad-970x90, .article-ad-align-left, .article-ad-blk, .article-ad-box, .article-ad-cont, .article-ad-left, .article-ad-main, .article-ad-placeholder, .article-ad-primary, .article-ad-row, .article-ad-row-inner, .article-ads, .article-adv-right-sideBar, .article-advert--text, .article-advert-container, .article-advert-dfp, .article-aside-ad, .article-content-adwrap, .article-first-ad, .article-footer-ad-container, .article-footer__ad, .article-footer__ads, .article-google-adsense, .article-grid__item--advert, .article-header-ad, .article-inline-ad, .article-mid-ad, .article-news-videoad, .article-sidebar__advert, .article-sponsor, .article-sponsored-content-list, .article-top-ad, .article-upper-ad-unit, .article-v2-rail__advert, .articleADbox, .articleAd, .articleAd300x250, .articleAdBlade, .articleAdHeader, .articleAdSlot2, .articleAdTop, .articleAdTopRight, .articleAds, .articleAdsL, .articleAdvert, .articleEmbeddedAdBox, .articleFooterAd, .articleHeadAdRow, .articlePage3rdPartyContentStrip, .articleTopAd, .article__ad-ir, .article__adv, .article__leaderboard-ad, .article_ad250, .article_ad_container2, .article_ad_text, .article_adbox, .article_ads_banner, .article_bottom-ads, .article_bottom_ad, .article_google-ad, .article_google_ads, .article_inline_ad, .article_inner_ad, .article_list_in_ad, .article_middle_ad, .article_mpu, .article_mpu_box, .article_page_ads_bottom, .article_sponsored_links, .article_tower_ad, .articlead, .articleads, .articlebodyad, .articlepage_ads_1, .articlepage_ads_top, .artist-ad-wrapper, .artnet-ads-ad, .as-admedia, .as_ad, .as_social_footer, .aseadn, .aside-ad, .aside-ad-wrapper, .aside-ads, .asideAd, .aside_AD01, .aside_AD02, .aside_AD06, .aside_AD08, .aside_AD09, .aside_ad_large, .aside_banner_ads, .aside_google_ads, .associated-ads, .async-ad-container, .atcode_wp_bnn, .atf-ad-medrec, .atfAds, .atf_ad300, .atf_ad_box, .attachment-advert_home, .attachment-dm-advert-bronze, .attachment-dm-advert-gold, .attachment-dm-advert-silver, .attachment-sidebar-ad, .attachment-sidebarAd, .attachment-sidebar_ad, .attachment-squareAd, .attachment-weather-header-ad, .auction-nudge, .autoAd, .autoshow-top-ad, .aux-ad-widget-1, .aux-ad-widget-2, .avantgardia-ad-widget, .avertissement-download, .b-ad, .b-ad-footerBanner, .b-ad-main, .b-ad-topBanner, .b-ad-wrapper-side-midi, .b-ads728, .b-ads_300, .b-ads_gpt, .b-ads_iframe, .b-adsuniversal-wrap, .b-adv, .b-adv-art, .b-adv-mobi, .b-adv-teaser, .b-advert__grid, .b-aside-ads, .b-astro-sponsored-links_horizontal, .b-astro-sponsored-links_vertical, .b5-ad-pushdown, .b5_widget_skyscraper_ad, .b5ad_bigbox, .b5ad_skyscraper, .b_ad, .b_ad480, .b_adLastChild, .b_ads_cont, .b_ads_r, .b_ads_top, .back300ad, .background-adv, .backgroundAd, .badge-gag-ads-container, .bads300, .badxcn, .bam-dcRefreshableAd, .ban-720-container, .ban300side, .ban420x200, .ban420x260, .ban680x450, .ban728, .ban980x90, .bank-rate-ad, .banmanad, .banner--ad, .banner-125, .banner-300, .banner-300-100, .banner-300-250, .banner-300x600, .banner-320-100, .banner-468, .banner-468-60, .banner-468x60, .banner-728, .banner-950x50, .banner-ad-300x250, .banner-ad-b, .banner-ad-below, .banner-ad-block, .banner-ad-footer, .banner-ad-label, .banner-ad-row, .banner-ad-space, .banner-ad-wrapper, .banner-ads-300x250, .banner-ads-sidebar, .banner-adsense, .banner-adv, .banner-advert, .banner-adverts, .banner-buysellads, .banner-paid-ad-label, .banner-rectangleMedium, .banner-sidebar-300x250, .banner-top-ads, .banner-top-banner-728x90, .banner1-728x90, .banner120x600, .banner125x125, .banner160, .banner250_250, .banner300_250, .banner300by250, .banner300x84, .banner336, .banner336x280, .banner350, .banner468, .banner468by60, .banner728, .banner728-ad, .banner728-container, .banner728x90, .bannerADV, .bannerAd3, .bannerAd300x250, .bannerAdContainer, .bannerAdHHP, .bannerAdLeaderboard, .bannerAdRectangle, .bannerAdSearch, .bannerAdSidebar, .bannerAdTower, .bannerAdWrap, .bannerAdWrapper300x250, .bannerAdWrapper730x86, .bannerAd_rdr, .bannerAds, .bannerAdvert, .bannerAside, .bannerGAd, .bannerRightAd, .bannerTopAdLeft, .bannerTopAdRight, .bannerWrapAdwords, .banner_160x600, .banner_234x90, .banner_250x250, .banner_300_250, .banner_300x250, .banner_300x250_2, .banner_300x250_3, .banner_300x600, .banner_468_60, .banner_468x60, .banner_728_90, .banner_ad-728x90, .banner_ad_233x90, .banner_ad_300x250, .banner_ad_728x90, .banner_ad_footer, .banner_ad_full, .banner_ad_leaderboard, .banner_ads, .banner_ads1, .banner_ads_300x250, .banner_ads_home, .banner_ads_home_inner, .banner_adv, .banner_altervista_300X250, .banner_altervista_728X90, .banner_mpu_integrated, .banner_reklam, .banner_reklam2, .banner_slot, .bannerad-125tower, .bannerad-468x60, .bannerad3, .banneradbottomholder, .banneradd, .bannerads, .banneradsensetop, .banneradsensetoptitle, .banneradv, .bannerandads, .bannergoogle, .bannergroup-ads, .bannergroupadvertisement, .banneritem-ads, .banneritem_ad, .bannerplace728, .banners_ad, .banners_ad_inside, .bar_ad, .barkerAd, .barstool_ad_floater, .base-ad-mpu, .base-ad-slot, .base-ad-top, .base_ad, .base_printer_widgets_AdBreak, .bb-ad-mrec, .bb-adv-160x600, .bb-adv-300x250, .bb-article-sponsor, .bb-md-adv7, .bbccom-advert, .bbsTopAd, .bci-ad, .bcom_ad, .bean-bag-ad, .bean-dfp-ad-unit, .beauty_ads, .before-comment-ad, .before-header-ad, .before-injected-ad, .below-ad-border, .below-article-ad-sidebar, .below-feature-ad-hide-based-height {
    display: none !important;
}
</style>
